/* resets */
*
{
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.sidebar-nav {
  /*padding: 9px 0;*/
}

@media (max-width: 767px) {
  /* Enable use of floated navbar text */
  .navbar-text.pull-right {
    float: none;
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .menu, .twitter-timeline, #uvTab
  {
    display: none !important;
  }
  .list-container {
    height: 200px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto !important;
  }
}
      
ul
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
img
{
  max-width: none;
}
form
{
  margin-bottom: 0px;
}

#map_canvas
{
  height: 500px;
}
#main-content
{
  
}

#map_canvas_event
{
  height: 300px;
}

#map_canvas{
	  border: 1px solid #CCC;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/*.row-fluid [class*="span"] {
	margin-left:2%;
}*/

.label-small{
	font-size:8pt;
	padding: 1px 4px;
}

.label{
	margin-left:5px;
}
.label-important{
	opacity: 0.5;
}

.twitter-timeline
{
	margin-top: 15px;
}


#search-options
{
	display: none;
}
/*  hide mobile menu */
.menu_mobile
{
  display: none;
}

.topbar .buttons
{
  float: left;
  margin: 15px 10px 0px 20px;
}
.topbar .counter
{
  float: left;
  margin: 15px 10px 0px 20px;
  height: 35px
}
.topbar .buttons .btn
{
  font-size: 8pt;
  padding: 6px 8px;
}
.topbar .buttons .btn i
{
  opacity: .5;
  margin: 0px 4px 0px 0px;
}
.topbar .buttons .btn:hover i
{
  opacity: 1;
}


.topbar .admin-buttons
{
  float: right;
  margin: 15px 10px 0px 20px;
}
.topbar .admin-buttons .btn
{
  font-size: 8pt;
  padding: 6px 8px;
}
.topbar .admin-buttons .btn i
{
  opacity: .5;
  margin: 0px 4px 0px 0px;
}
.topbar .admin-buttons .btn:hover i
{
  opacity: 1;
}



.topbar .attribution
{
  float: right;
  line-height: 60px;
  color: #777;
  font-size: 11px;
  font-weight: normal;
  line-height: 130%;
  padding: 13px 15px 0px 15px;
}
.topbar .attribution
{
  margin-right: 15px;
}
.topbar .share
{
  float: right;
  line-height: 0px;
  color: #777;
  padding: 17px 10px 20px 10px;
}
.topbar .share div,
.topbar .share iframe
{
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
  float: left;
}
.topbar .share .btn
{
  text-shadow: none;
}


#search-input
{
  font-size: 8pt;
  padding-left: 26px;
  background-image: url("../images/icon-search.png");
  background-position: 8px center;
  background-repeat: no-repeat;
}

.order-by
{
	font-size: 10pt;
}
.order-by a
{
	text-decoration: underline;
}

.dropdown-menu a
{
  text-decoration: none;
}

#formFilterDate
{
	display: block;
}

.typeahead_wrapper { display: block; height: 32px; padding-left:0px; }
.typeahead_photo { float: left; max-width: 30px; max-height: 30px; margin-right: 5px; }
.typeahead_labels { float: left; height: 32px; }
.typeahead_primary { font-weight: bold; }
.typeahead_secondary { font-size: .8em; color:#AAA; margin-top: -5px; }

.filter-label, #btn-filter-date{font-size: .9em; vertical-align:top;}

/* marker list, right-side gutter */
.menu
{
	padding: 0px;
  font-size: 20px;
  font-weight: bold;
  height: 100%;
  background-color: #fff;
}
.menu .blurb,
.menu .attribution
{
  color: #999;
  font-size: 8pt;
  font-weight: normal;
  line-height: 1.3em;
  padding: 12px 10px 0px 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.menu .blurb a,
.menu .attribution a
{
  color: #ccc;
}
.menu .blurb a:hover,
.menu .attribution a:hover
{
  color: #fff;
}
.menu .blurb
{
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.menu .attribution
{
  padding-bottom: 40px;
}


/* events list */

.list-container {
    height: 470px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden !important;
    border: 1px solid #CCC;
    margin-top:5px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.list-container:hover {
    overflow-y: auto !important;
}
.list-container ul {
   /* border:1px solid grey;*/
    float:left;
    width:99%;
}
.list-container li {
    list-style-type: none;
    height: 32px;
    padding-left: 26px;
    background-color:#EEE;
    		cursor:pointer;

}
.list-container li:hover {
    background-color:#DDD;
}

.list-container li.highlight{
    background-color:#EDD;
}
.list-container li.highlight:hover{
    background-color:#DCC;
}

li.bullet-manifestaciones {
    background: url('../images/icons/bullet-manifestaciones.png') no-repeat top left;
}
li.bullet-concentraciones {
    background: url('../images/icons/bullet-concentraciones.png') no-repeat top left;
}
li.bullet-huelgas {
    background: url('../images/icons/bullet-huelgas.png') no-repeat top left;
}
li.bullet-otros {
    background: url('../images/icons/bullet-otros.png') no-repeat top left;
}

.list-container li .title {
    font-size:10pt;
    font-weight:bold;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}
.list-container li .date {
		margin-top:-5px;
    font-size:8pt;
    color:#666;
}

/* Filters */
.option_neutral{
	color:#888 !important; 
}


/* markers */
.marker_label
{
  display: none;
  position: relative; 
  left: -50%; 
  top: -8px;
  white-space: nowrap; 
  padding: 2px 4px; 
  font-size: 8pt; 
  background-color: rgba(0,0,0,.7); 
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.marker_title
{
  font-weight: bold;
  max-width: 350px;
}
.marker_uri, .marker_hashtag
{
  font-size: 9pt;
  color: #999;
  white-space: nowrap;
  width: 280px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;

}
.marker_uri a, .marker_hashtag a
{
	padding:5px;
}	

.marker_desc
{
  max-width: 400px;
  max-height:180px;
  overflow-y:auto;
  color: #555;
  font-size: 9pt;
  margin-top: 10px;
}
.marker_date
{
  font-size: 10pt;
  margin-top: 0px;
  color: #666;
}
.marker_address
{
  font-size: 8pt;
  margin-top: 10px;
  color: #999;
}



/* add marker modal */
#modal_add fieldset
{
  padding-top: 10px;
}
#modal_add .control-label
{
  font-weight: bold;
}
#modal_add .help-block
{
  font-size: 8pt;
  color: #777;
  max-width: 275px;
}
#modal_add .modal-footer
{
  text-align: left;
}



/* choose submission method modal (only visible if Startup Genome integration is enabled) */
#modal_add_choose ul li em
{
  display: block;
  font-weight: bold;
  font-style: normal;
  margin-bottom: .5em;
}
#modal_add_choose ul li
{
  margin-top: 25px;
}



/* error overlay */
.error
{
  position: absolute;
  color: #ff0000;
  font-weight: bold;
  background-color: rgba(255,255,255,.7);
  font-size: 11pt;
  z-index: 9999999999;
  top: 80px;
  left: 20px;
  padding: .7em 1em;
  border-radius: 7px;
  border: 2px dashed rgba(255,0,0,.6);
}
